<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Proxy For Picasaweb</title>
<link rel="stylesheet" media="screen" type="text/css" href="/static/default/stylesheet/styles.css" />
<link rel="stylesheet" type="text/css" href="/static/default/stylesheet/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="/static/default/js/jquery.js"></script>
<script type="text/javascript" src="/static/default/js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
		$('#content a').lightBox();
		});
</script>
</head>
<body>
	<div id="container">
		<div id="header">
			<h1> Proxy4pwa </h1>
			<p class="description">A simple proxy for picasaweb albums</p>
			<div class="nav-log">
				<p>{% if user%}{{user}}{% endif %}
				<a href="{{sign_url}}">Log out</a></p>
			</div>
			<br class="clear" />
			<ul class="nav-menu">
				<li><a href="/">Home </a> </li>
				<li><a href="/albums">Albums</a> </li>
				<li><a href="/auth">Auth</a> </li>
				<li><a href="/about">About</a> </li>
			</ul>
			<br class="clear" />
		</div>
		<div id="content-wrapper">
			<div id="content">
			<ul class="photo_list">
			{% for photo in photos %}
			<li class="photo">
			<a href = "{{photo.content.src}}?imgmax=800"><img src="{{photo.content.src}}?imgmax=160" /></a>
			</li>
			{% endfor %}
			</ul>
			</div>
		</div>
		<div id="siderbar">
		</div>
		{% if pagination %}
		<ol class="nav-bar">
		{% for index in pages %}
		<li {% ifequal index page %} class="hight"{%endifequal%}><a href="/album?id={{album_id}}&page={{index}}">{{index}}</a></li>
		{% endfor %}
		</ol>
		{% endif %}
		<br class="clear" />
		<div id ="footer">
			<p> Power by <a href="http://code.google.com/p/proxy4pw" title="Proxy For Picasaweb Albums">proxy4pw</a> &amp;&amp;
			<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" alt="Powered by Google App Engine" />
			<br />&copy;All right reserved.
			</p>
		</div>
	</div>
</body>
</html>
